{% extends "xadmin/base_site.html" %}
{% load i18n %}
{% load url from future %}
{% load xadmin_tags %}
{% load crispy_forms_tags %}

{% block breadcrumbs %}
{% if account_view %}
<ul class="breadcrumb">
  <link href="/websys/static/xadmin/vendor/bootstrap-table/css/bootstrap-table.min.css" type="text/css" media="screen" rel="stylesheet" />
<li><a href="{% url 'xadmin:index' %}">{% trans 'Home' %}</a></li>
  <li class="active"> {{ title }} </li>
</ul>
{% else %}
<ul class="breadcrumb">
  <li><a href="{% url 'xadmin:index' %}">{% trans 'Home' %}</a></li>
  <li>
    {% if has_view_permission %}
    <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>
    {% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %}
  </li>
  <li><a href="{% url opts|admin_urlname:'change' original.pk %}">{{ original|truncatewords:"18" }}</a></li>
  <li class="active">{% trans 'Change password' %}</li>
</ul>
{% endif %}
{% endblock %}

{% block content-nav %}
{% endblock %}
{% block content %}
<!--页面设计在这儿....{{ serverval }}-->
    <style>
    .tb_tr{height: 50px; border:gainsboro 1px  double;}
    .tb_td{height: 50px; border: gainsboro 1px double; width:80px;}
    .td_info_1{background-color: #1da7ee;color: #0C0C0C;width: 100px; border:gainsboro 1px  double;}
    .td_info_2{width: 150px; border:gainsboro 1px  double;}
    .td_info_3{width: 300px; border:gainsboro 1px  double;}
    .txt_10{width: 300px;}
    .txt_20{width: 300px;}
    .txt_30{width: 300px;}
    .txt_40{width: 300px;}
    .td_title_1{font-weight: bold; font-size: 15px;}
    .tr_card_0{background-color: #1da7ee;}
    .tr_card_0 td{width: 80px;}
    .tb_normal{}
    .tb_normal td{border:gainsboro 1px  double;}
    </style>
    <table style="width: 100%">
<!--         <tr class="tb_tr">
            <td class="tb_td">服务器：</td>
            <td>
                <select id="sel_pf" multiple="true"> -->
                    <!-- <option value="" selected="selected">请选择</option> -->
<!--                     {% for item in htmldata.apps %}
                            <option value="{{ item.pf }}">{{ item.name }}</option>
                    {% endfor %}
                </select><span></span>
            </td>
        </tr>
        <tr class="tb_tr">
            <td class="tb_td">发送范围：</td>
            <td>
                <select id="send_fw" onchange="javascript:doit();">
                    <option value="1">全服</option>
                    <option value="2">特定玩家</option>
                    <option value="3">特定等级</option>
                </select>
            </td>
        </tr> -->
 <!--        <tr class="tb_tr" id="tr_uid" style="display:none;" >
            <td class="tb_td">Uid：</td>
            <td><input type="text" maxlength="100" id="txt_uid" class="txt_10" ><span>注:多个请用"|"隔开！</span>
            </td>
        </tr>
        <tr class="tb_tr" id="tr_level" style="display:none;" >
            <td class="tb_td">等级范围：</td>
            <td><input type="text" maxlength="100" id="txt_level" class="txt_10" ><span>例如:1|12(1级到12级,中间用'|'隔开!),注:此项可不填!</span>
            </td>
        </tr>
        <tr class="tb_tr" id="tr_VIP_level" style="display:none;" >
            <td class="tb_td">VIP等级范围：</td>
            <td><input type="text" maxlength="100" id="txt_VIP_level" class="txt_10" ><span>例如:1|12(1级到12级,中间用'|'隔开!),注:此项可不填!</span>
            </td>
        </tr>
        <tr class="tb_tr" id="tr_arena_rank" style="display:none;" >
            <td class="tb_td">竞技场等级范围：</td>
            <td><input type="text" maxlength="100" id="txt_arena_rank" class="txt_10" ><span>例如:1|12(1级到12级,中间用'|'隔开!),注:此项可不填!</span>
            </td>
        </tr>
        <tr class="tb_tr" id="tr_title" >
            <td class="tb_td">标题：</td>
            <td><input type="text" maxlength="40" id="txt_title" class="txt_20">
            </td>
        </tr> -->
        <tr class="tb_tr" id="tr_contents" >
            <td class="tb_td">公告内容：</td>
            <td><textarea id="txt_content" style="overflow:auto;" rows="10" cols="40"></textarea></td>
        </tr>
<!--         <tr class="tb_tr" id="tr_propid" >
            <td class="tb_td">(附件)道具：</td>
            <td><input type="text" maxlength="60" id="txt_propids" class="txt_30"><span>格式：类型*道具ID*数量|类型*道具ID*数量...,例如：2*152545*2|3*45554*2,类型:1、通用,2、英雄,3、装备,5、物品,(可无附件)</span>
            </td>
        </tr> -->
        <tr class="tb_tr">
            <td class="tb_td"></td>
            <td><label id="la_link"> {{links}}</label>&nbsp;&nbsp;<input type="button" id="bt_copy" value="发送" onclick="toSearch()">
        </tr>
    <tr class="tb_tr">
            <td class="tb_td" colspan="2">
                <table data-toggle="table" data-height="100%"  data-pagination="true" id="table_report" style="">
                    <thead>
                        <tr>
                            <th  data-field="ids">公告id</th>
<!--                             <th  data-field="server">服务器</th>
                            <th  data-field="title">标题</th> -->
                            <th  data-field="content">修改内容</th>
<!--                             <th  data-field="propid">道具类型*ID*数量</th>
                            <th  data-field="state">发送对象</th>
                            <th  data-field="levels">特定范围</th> -->
                            <th  data-field="create_time">修改时间</th>
                            <th data-field="detiale"
                                data-events="operateEvents"
                                data-formatter="operateFormatter"
                            > 操作</th>
                        </tr>
                    </thead>
                </table>
            </td>
    </tr>
    </table>
    <script type="text/javascript" src="/websys/static/xadmin/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script src="/websys/static/xadmin/vendor/bootstrap-datepicker/js/locales/bootstrap-datepicker.zh-CN.js"></script>
    <script src="/websys/static/xadmin/vendor/bootstrap-table/js/bootstrap-table.min.js"></script>
    <script src="/websys/static/xadmin/vendor/bootstrap-table/js/bootstrap-table-locale-all.min.js"></script>
    <script>
    // function get(obj){return document.getElementById(obj);}
    //     function show(objid) {
    //         get(objid).style.display="table-row";
    //     }
    //     function hidden(objid) {
    //         get(objid).style.display='none';
    //     }
    // function doit(){

    // var sel_val=$('#send_fw').val();
    // if (sel_val==1) {hidden('tr_uid');hidden('tr_level');hidden('tr_VIP_level');hidden('tr_arena_rank');}
    // if (sel_val==2) {show('tr_uid');hidden('tr_level');hidden('tr_VIP_level');hidden('tr_arena_rank');}
    // if (sel_val==3) {show('tr_level');show('tr_VIP_level');show('tr_arena_rank');hidden('tr_uid');}

    // if (sel_val==1) {show('a1');hidden('a2');}

    // if (sel_val==2) {show('a2');hidden('a1');}

    //}
    //查询
    // var dic3 = {};
    // $.getJSON("/websys/static/gamejson/currency.json", function (data) {
    //     dic3[1] = data;
    // })
    // $.getJSON("/websys/static/gamejson/hero.json", function (data) {
    //     dic3[2] = data;
    // })
    // $.getJSON("/websys/static/gamejson/equipment.json", function (data) {
    //     dic3[3] = data;
    // })
    // $.getJSON("/websys/static/gamejson/item.json", function (data) {
    //     dic3[5] = data;
    // })
    function toSearch()
    {   
        // var t_uid=''
        // var txt_level=''
        // var vip_level=''
        // var arena_rank=''
        // var sel_val=$('#send_fw').val();
        // if (sel_val==2){
        //     t_uid=$('#txt_uid').val();
        // }
        // if (sel_val==3){
        //     txt_level=$('#txt_level').val();
        //     vip_level=$('#txt_VIP_level').val();
        //     arena_rank=$('#txt_arena_rank').val();
        // }

        // var t_sid=$('#sel_pf').val();
        // var t_title=$('#txt_title').val();
        var tr_content=$('#txt_content').val();
        // var t_propids=$('#txt_propids').val();
        if(tr_content=='')
        {
            alert('请输入公告内容!');
            return;
        }
        // if(t_title=='' || tr_content=='')
        // {
        //     alert('请输入标题id或内容');
        //     return;
        // }
        // var str = '';
        
        // var select = document.getElementById("sel_pf");
        // //var str = [];
        // for(i=0;i<select.length;i++){
        //     if(select.options[i].selected){
        //     str=str+select[i].value+',';
        //     }
        // }      
    
    // if (str==''){
    //     alert('请输入服务器');return;
    // }
    //读取json列表
    

    //var dic3 = { 1: currency_data, 2:hero_data, 3:equipment_data,5:item_data};
    // var list3 =[1,2,3,5];
    // if(t_propids !=''){
    //     var strs=t_propids.split('|');
    // }
    // function contains(arr, obj) {  
    //     var i = arr.length;  
    //     while (i--) {  
    //         if (arr[i] === obj) {  
    //             return true;  
    //         }  
    //     }  
    //     return false;  
    // }
    
    // function initStoreJson()
    // {   
    //     var isok = true
    //     for (ids in strs){
    //         issend=false;
    //         var each=strs[ids].split('*');
    //         if(contains(list3,Number(each[0]))){
    //             for(item in dic3[each[0]]){
    //                 if(each[0]==1){
    //                     if(each[1]==dic3[each[0]][item].currency_id){
    //                         issend=true;
    //                         break
    //                     }
    //                 }
    //                 else if(each[0]==2){
    //                     if(each[1]==dic3[each[0]][item].hero_id){
    //                         issend=true;
    //                         break
    //                     }
    //                 }
    //                 else if(each[0]==3){
    //                     if(each[1]==dic3[each[0]][item].equipment_id){
    //                         issend=true;
    //                         break
    //                     }
    //                 }
    //                 else if(each[0]==5){
    //                     if(each[1]==dic3[each[0]][item].item_id){
    //                         issend=true;
    //                         break
    //                     }
    //                 }
    //             }
    //             if(issend==false)
    //             {
    //                 isok = false
    //                 break
    //             }
    //         }
    //         else{
    //             alert('类型('+each[0]+')输入错误!');
    //             return;
    //         }
    //     }
    //     return isok

    // }
    // if (t_propids !=''){
    //     issend = initStoreJson();
    // }
    // else{
    //     issend=true;
    // }
    //issend=true;
    //if(issend){
    if(confirm("是否修改公告？")) {
    $.post('/xadmin/ajax_systemdata/mz_login_news/', {"content":tr_content}, function(result){
        //alert(result.ret);
        if(result.code == 0)
        {
                //console.log($(id).attr('serverip'))
                alert(result.msg + "("+result.code +")")
                window.location.reload();
        }else
        {
            alert(result.msg + "("+result.code +")")
        }
     }, "json")

    }
        //}
    // else{
    //     alert('道具ID输入错误!');
    //     return;
    // }
    
}

//     function querset()
//     {
//         var turl='/xadmin/ajax_otherdata/email';//?date='+t0+','+t1+'&type='+t2;
//         $('#table_report').bootstrapTable('destroy'); // 显示之前，先把当前表格销毁
//         $('#table_report').bootstrapTable({
//             //search: true,
//             locale:'zh-CN',//中文支持
//             sortable: true,      //是否启用排序
//             showFooter:true,
//             sortName:'date',
//             //showRefresh: true,
//             pagination: true,//是否开启分页（*）
//             pageNumber:1,//初始化加载第一页，默认第一页
//             pageSize: 10,//每页的记录行数（*）
//             pageList: [10,20,50],//可供选择的每页的行数（*）
//             method: "get",         // 经过测试，只有post方法能发给后端的helloWorld.do
//             showExport: true,                     //是否显示导出
//             exportDataType: "basic",              //basic', 'all', 'selected'.
//             //sidePagination: 'server',
//             queryParamsType:'', //默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort
// 　　// 设置为 ''  在这种情况下传给服务器的参数为：pageSize,pageNumber
//             queryParams: function (params) {
//                 return {
//                     //meterID: $('#meterid').val(),
//                     pageSize: params.pageSize,
//                     //offset: params.offset,
//                     pageNumber:params.pageNumber,
//                     sortOrder: params.order,
//                     sort: params.sort, //排序列名
//                     name: user,
//                     //type: t2,
//                     sid: t_pf
//                 }
//             },
//             url:turl,   // 发送到后端helloWorld.do，由helloWorld.do返回json字符串，

//         });
//     }
    function querset()
    {   
        //alert(t0+"-"+t1+"开发中。"+t2);//data-url="/websys/static/data2.txt"
        var turl='/xadmin/ajax_cbyx_systemdata/loginnew_quset';//?date='+t0+','+t1+'&type='+t2;
        $('#table_report').bootstrapTable('destroy'); // 显示之前，先把当前表格销毁
        $('#table_report').bootstrapTable({
            //search: true,
            locale:'zh-CN',//中文支持
            sortable: true,      //是否启用排序
            //showFooter:true,
            sortName:'date',
            //showRefresh: true,
            pagination: true,//是否开启分页（*）
             pageNumber:1,//初始化加载第一页，默认第一页
             pageSize: 10,//每页的记录行数（*）
              pageList: [10,20,50],//可供选择的每页的行数（*）
            method: "get",         // 经过测试，只有post方法能发给后端的helloWorld.do
            showExport: true,                     //是否显示导出
            exportDataType: "basic",              //basic', 'all', 'selected'.
            //sidePagination: 'server',
            queryParamsType:'', //默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort
　　// 设置为 ''  在这种情况下传给服务器的参数为：pageSize,pageNumber
            queryParams: function (params) {
                return {
                    //meterID: $('#meterid').val(),
                    pageSize: params.pageSize,
                    //offset: params.offset,
                    pageNumber:params.pageNumber,
                    sortOrder: params.order,
                    sort: params.sort, //排序列名
                }
            },

            url:turl,   // 发送到后端helloWorld.do，由helloWorld.do返回json字符串，
                                    // 必须是列表形式，例如：[{"name":"aaa","id":"kkk"},{...},...]

        });
    }
querset()
function operateFormatter(value, row, index) {
             return [
                 '<button type="button" class="RoleOfA btn btn-default  btn-sm" style="margin-right:15px;">修改</button>'
             ].join('');
         }
    window.operateEvents = {
             'click .RoleOfA': function (e, value, row, index) {
            //window.open("http://127.0.0.1:8000/xadmin/userdata/detaile"+'?'+'value='+row.userid+'&'+'server='+row.server)
                  $('#txt_content').val(row.content);;
           }
         }
    </script>
{% endblock %}